
@color:#f10180;
@font-color:#666666;
@deepFont-color:#333333;
@lightFont-color:#999999;
  body {
    background-color:#fff;
    margin: 0;
    font-family: 'Helvetica Neue', Helvetica, sans-serif;
    padding-top:0.2rem;
    //商家驳回

    .merchant_reject{
      padding-bottom:0.2rem;
      p{
        text-align:center;
        font-size:0.26rem;
        color:#333;
        margin-bottom:0px;
        line-height:0.5rem;
        span.icon{
          font-size:80px;
          color:#f10180;
        }
        span{
          color:#f10180;
          font-weight:bold;
        }
        b{
          font-weight:normal;
          font-size:0.24rem;
          color:#999;
        }
        a{
          text-decoration: underline;
        }
      }
      p.tishi{
        line-height:1rem;
        padding-top: 0.25rem;
      }
    }

    .affirm_goodsInformation,.good_reputation,.notice_matter,.evaluate_screenshot{
      position:relative;
      background-color:#fff;
      border-radius:0.1rem;
      margin: 0.24rem;
      -webkit-box-shadow: 0 0 15px #f8e8f0;
      .title{
        text-align:center;
        color:@deepFont-color;
        font-size:0.28rem;
        padding-top:0.3rem;
      }
      .step{
        color:#333;
        font-size:0.24rem;
        padding:0 0.24rem;
        margin-bottom:0;
      }
      .good{
        width:7.02rem;
       padding-bottom:0.6rem;
        background-size:7.02rem 3.21rem;
        p.title{
          overflow:hidden;
          padding:0.45rem 0.24rem 0 0.24rem;
          margin-bottom:0.05rem;
          span,b{
            display:inline-block;
            color:@font-color;
            font-size:0.24rem;
          }
          span{
            float:left;
            padding-left:0.18rem;
            background:url(../images/recommend_icon_line_default@2x.png) left center no-repeat;
            background-size:0.04rem 0.2rem;
          }
          b{
            float:right;
            font-weight:normal;
          }
        }
        >ul{
          overflow:hidden;
          padding:0.2rem 0;
          border-top:1px solid #c8c8c8;
          border-bottom:1px solid #c8c8c8;
          margin:0 0.2rem;
          li{
            float:left;
            p{
              margin-bottom:0;
              font-size:0.24rem;
              color:@font-color;
              span{
                color:@deepFont-color;
              }
            }
            p.goodName{
              span{
                display:inline-block;
                width:2.8rem;
                white-space: nowrap;
                overflow: hidden;
                text-overflow: ellipsis;
              }
            }
            p.goodPrice{
              span{
                color:@color;
              }
            }
          }
          li:first-of-type{
            width:1.5rem;
            height:1.5rem;
            border:1px solid #c8c8c8;
            img{
              width:1.5rem;
              height:1.5rem;
            }
          }
          li:nth-of-type(2){
            padding-left: 0.2rem;
            border-right:1px solid #c8c8c8;
            p {
              height: 0.375rem;
            }
          }
          li:last-of-type{
            float:right;
            padding-right:0.3rem;
            p{
                padding-top:0.18rem;
                text-align:left;
                font-size:0.24rem;
                color:#333;
            }
          }
        }
      }
      .pothook{
        position:absolute;
        z-index:9;
        overflow:hidden;
        width:7.02rem;
        bottom: -0.4rem;
        padding:0 0.24rem 0 0.26rem;
        img{
          width:0.16rem;
          height:0.56rem;
        }
      }
    }
    .good_reputation,.evaluate_screenshot{
      padding-bottom:0.4rem;
      .title{
        padding-top:0.3rem;
        text-align:center;
        color:#333;
        font-size:0.28rem;
      }
      .import_box{
        text-align:center;
        textarea{
          margin:0;
          width:6.54rem;
          height:3rem;
          font-size:0.24rem;
          color:#666;
        }
      }
      .copy_evaluate{
        text-align: center;
        input {
          width: 2.4rem;
          height: 0.64rem;
          border: 1px solid @color;
          color: @color;
          border-radius: 0.1rem;
          background-color: #fff;
          margin-top: 0.2rem;
        }
      }
      h1{
        color:#333;
        font-size:0.24rem;
        padding:0.20rem 0 0.15rem 0.24rem;
      }
      .zhuyi{
        font-size:0.24rem;
        padding:0 0.24rem;
        color:#666;
      }
      .shaitu{
        font-size:0.24rem;
        padding:0 0.24rem;
        color:#f10180;
      }
      //上传商品图片
      .goods_picture{
        .result{
          display:inline-block;
          width:2rem;
          height:2rem;
          border-radius:0.1rem;
          text-align:center;
          cursor:pointer;
          position:relative;
          margin-left:0.21rem;
          margin-bottom:0.1rem;
          .file_input{
            width:2rem;
            height:2rem;
            position:absolute;
            z-index:99;
            right:0;
            top:0;
            opacity: 0;
          }
          img{
            display:inline-block;
            position:absolute;
            width:2rem;
            height:2rem;
            right:0;
            top:0;
          }
        }
      }
      .evaluate_example{
        padding:0.24rem;
        overflow:hidden;
        a:first-of-type{
          padding-left:0.5rem;
          img{
            width:2.25rem;
            height:4rem;
          }
        }
        a:last-of-type{
          padding-right:0.2rem;
        }
        .result{
          display:inline-block;
          width:3rem;
          height:2rem;
          border-radius:0.1rem;
          text-align:center;
          cursor:pointer;
          position:relative;
          margin-left:0.21rem;
          margin-bottom:0.1rem;
          .file_input{
            width:2rem;
            height:2rem;
            position:absolute;
            z-index:99;
            right:0;
            top:0;
            opacity: 0;
            margin-top: 0.6rem;
            margin-right:0.5rem;
          }
          img{
            display:inline-block;
            position:absolute;
            width:2rem;
            height:2rem;
            right:0;
            top:0;
            margin-top: 0.6rem;
            margin-right:0.5rem;
          }
          span{
            display:inline-block;
            color:#666;
            font-size:0.24rem;
            margin-top:2.7rem;
            margin-left:0.12rem;
          }
        }
      }
    }
   /* .good_reputation {
      .pothook {
        top: 11.6rem;
      }
    }*/
    .evaluate_screenshot{
      .pothook {
        top: 6.05rem;
      }
    }
    //注意事项
    .notice_matter{
      .title{
        color:@color;
      }
      .matter_content{
        p {
          margin-bottom:0;
          color: #666;
          font-size: 0.24rem;
          padding: 0 0.24rem 0.15rem 0.24rem;
          line-height: 0.45rem;
        }
      }
    }
    .submit_btn{
      text-align:center;
      padding:0.6rem 0;
      input{
        width:4.8rem;
        height:0.86rem;
        border:1px solid @color;
        border-radius:0.1rem;
        background-color:@color;
        color:#fff;
        font-size:0.36rem;
      }
    }

    .modal_box,.modal_box_copy{
      display:none;
      .modal_content {
        width: 6.9rem;
        height: 4.06rem;
        background-color: #fff;
        border-radius: 0.1rem;
        position: fixed;
        z-index: 1000;
        top: 45%;
        left: 50%;
        margin-left: -3.45rem;
        margin-top: -2.03rem;
        p{
          text-align:center;
        }
        .hint{
          span{
            display:inline-block;
            padding-top:0.32rem;
            color:#333;
            font-size:0.32rem;
            margin-left:0.5rem;
          }
          img{
            display:inline-block;
            float:right;
            width:0.37rem;
            height:0.37rem;
            margin:0.24rem 0.24rem 0 0;
          }
        }
        .main{
          font-size:0.28rem;
          color:#666;
          padding:0.65rem;
        }
        .btns{
          input{
            width:3rem;
            height:0.86rem;
            border:1px solid @color;
            border-radius:0.1rem;
            font-size:0.3rem;
            margin:0 0.15rem;
          }
          input:first-of-type{
            background-color:@color;
            color:#fff;
          }
          input{
            background-color:#fff;
            color:@color;
          }
        }
        .confirm{
          input{
            width:6.3rem;
            height:0.86rem;
            background-color:@color;
            color:#fff;
            border:1px solid @color;
            border-radius:0.1rem;
            font-size:0.3rem;
          }
        }

      }
      .mask_layer{
        background-color:#000;
        opacity:0.5;
        position:absolute;
        left:0;
        top:0;
        width:100%;
        z-index:999;
      }
    }

  }



//<!--商家选择了关键词-->
.select_keyword{
  padding:0 0.24rem;
  p{
    margin-bottom:0;
    padding-bottom:0.1rem;
    line-height:0.42rem;
    font-size:0.24rem;
  }
  p.one{
    color:#f10180;
  }
  p.two{
    color:#323232;
  }
  p.three{
    color:#323232;
    b,span{
      font-weight:bold;
    }
    span{
      color:#f10180;
    }
  }
}
.select_maijiaxiu{
  padding:0 0.24rem;
  p{
    font-size:0.24rem;
    color:#f10180;
  }
}



.evaluate_screenshot{
  p{
    padding:0 0.24rem;
    font-size:0.24rem;
    color:#333;
    span{
      color:#f10180;
    }
  }
  p.keyword{
    font-size:0.28rem;
  }
}













